function goBack() {
    window.history.back(); // 使用JavaScript返回上一页面
}

function rate(event) {
    var label = event.target; // 获取触发点击的label元素
    var star = parseInt(label.htmlFor.split('-')[1]); // 从label的for属性中提取星星编号
    var labels = label.parentElement.querySelectorAll('label'); // 获取当前rating下的所有label

    for (var i = 0; i < labels.length; i++) {
        if (i < star) {
            labels[i].style.color = 'gold';
        } else {
            labels[i].style.color = '#ddd';
        }
    }
}

document.addEventListener('DOMContentLoaded', function () {
    const inputField = document.getElementById('evaluationInput');
    const placeholderText = document.getElementById('placeholderText');

    inputField.addEventListener('focus', function () {
        if (placeholderText.textContent === inputField.value) {
            placeholderText.classList.add('hidden-placeholder');
            inputField.value = '';
            inputField.style.color = 'black'; // 确保获取焦点时文字颜色为黑色
        }
    });

    inputField.addEventListener('input', function () {
        if (inputField.value.trim() === '') {
            // 如果输入框为空，这里可以选择不做额外颜色处理，保持之前设置的黑色（因为初始就是希望文字为黑色）
        } else {
            placeholderText.classList.add('hidden-placeholder'); // 确保占位符隐藏
            inputField.style.color = 'black'; // 输入内容时确保文字颜色为黑色
        }
    });

    inputField.addEventListener('blur', function () {
        if (inputField.value.trim() === '') {
            // 当输入框失去焦点且内容为空时，恢复占位符文本
            placeholderText.classList.remove('hidden-placeholder');
            inputField.value = placeholderText.textContent;
            inputField.style.color = '#aaa'; // 这里可以选择仍然设置为黑色，保持一致
        } else {
            inputField.style.color = 'black'; // 失去焦点但有内容时，确保文字颜色为黑色
        }
    });
});

function clearEvaluation() {
    document.getElementById('evaluationInput').value = '';
    document.getElementById('evaluationInput').style.color = 'black'; // 清空时也设置文字颜色为黑色
    document.getElementById('placeholderText').classList.remove('hidden-placeholder'); // 显示占位符
}

function submitEvaluation() {
    const ratings = document.querySelectorAll('.rating');
    let missingRatings = [];

    ratings.forEach(rating => {
        const inputs = rating.querySelectorAll('input[type="radio"]');
        if (!Array.from(inputs).some(input => input.checked)) {
            missingRatings.push(rating.querySelector('p').textContent.trim().replace('：', ''));
        }
    });

    if (missingRatings.length === 0) {
        alert('提交成功');
        window.location.href = '总榜.html';
    } else {
        const missingText = missingRatings.join('、');
        alert(`提交失败，请对菜品的${missingText}做出评价`);
    }
}